﻿<%@ Page Title="景点详情" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    Inherits="Wjtour.Web.Front.ticketview" %>

<%@ Import Namespace="Wjtour.Domain" %>
<%@ Import Namespace="Wjtour.Common" %>
<%@ Import Namespace="TongCheng.API.OpenAPI" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!-[if IE 6]>
    <script language="javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script src="/js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script>
        DD_belatedPNG.fix('.item,background');
    </script>
    <![endif]->
    <script language="javascript">
        $(document).ready(function () {
            $('#myTab a:first').tab('show');
            $('#mytab a').click(function (e) {
                e.preventDefault();
                $(this).tab('show');
            });
        });
        // 搜索框切换
        var pagesearch = (function (i) {
            $('.st').css('display', 'none');
            $('.st' + i).css('display', 'block');
            var src = $('#searchtitle').attr('src');
            if (i == '0') {
                $('#searchtitle').attr('src', src.replace('12', '11'));
            } else {
                $('#searchtitle').attr('src', src.replace('11', '12'));
            }
        });
        $(function () {
            $('.day').focus(function () {
                WdatePicker();
            });

            $('.date').focus(function () {
                WdatePicker({ dateFmt: 'yyyy-MM-dd' });
            });
        })
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">

    <!--页主体-->
    <div class="ipage scenicpage">
        <div class="ticketsider">
            <div class="searchtab">
                <img src="css/images/title11.png" border="0" id="searchtitle" usemap="#Map" />
                <map name="Map" id="Map">
                    <area shape="rect" coords="3,5,132,34" href="javascript:void(0);" onclick="pagesearch(0);" />
                    <area shape="rect" onclick="pagesearch(1);" coords="132,5,297,46" href="javascript:void(0);" />
                </map>
                <div class="st0 st">
                    <div class="scenicnames">景点名称 &nbsp;
                        <asp:TextBox ID="txtSceneryName" runat="server" Width="160" /></div>
                    <div class="scenicbtn">
                        <asp:Button ID="scenerySearch" runat="server" Text="搜索" /></div>
                    <div class="hotscenic">
                        <span>热门景点推荐</span>
                        <a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a>
                    </div>
                </div>
                <div class="st1 st">
                    <div class="scenicnames">入住日期 &nbsp;
                        <asp:TextBox ID="txtComeDate" runat="server" CssClass="startdate date" Width="160" /></div>
                    <div class="scenicnames">离店日期 &nbsp;
                        <asp:TextBox ID="txtLeaveDate" runat="server" CssClass="startdate date" Width="160" /></div>
                    <div class="scenicnames">酒店位置 &nbsp;
                        <asp:TextBox ID="txtLocation" runat="server" CssClass="" Width="160" /></div>
                    <div class="scenicnames">酒店名称 &nbsp;
                        <asp:TextBox ID="txtHotelName" runat="server" CssClass="" Width="160" /></div>
                    <div class="scenicbtn">
                        <asp:Button ID="hotelSearch" runat="server" Text="搜索" /></div>

                </div>
            </div>
        </div>

        <!-- 浮动块 -->
        <div class="scenicleft scenicdetailleft">
            <div class="path dpath">您所在的位置：<a href="/">首页</a> &gt; 在线预订 &gt; 景点预订 &gt; 同里 </div>
            <h1><%=scenery.sceneryName %></h1>
            <div class="scenicinfo">
                <img src="<%=scenery.imgPath %>" />
                <ul>
                    <li>支付方式：<span><%=scenery.payMode %></span></li>
                    <li>景区星级：<span><%=scenery.gradeId %></span></li>
                    <li>景区地址：<%=scenery.sceneryAddress %></li>
                    <li><%=scenery.scenerySummary %></li>
                </ul>
            </div>
            <div class="clear" style="height: 20px;"></div>
            <!-- 详细内容 -->
            <ul class="nav nav-tabs" id="myTab">
                <li class="active"><a href="#scenicticket" data-toggle="tab">景点门票</a></li>
                <li><a href="#scenicwords" data-toggle="tab">景点介绍</a></li>
                <li><a href="#scenictraffic" data-toggle="tab">交通地图</a></li>
                <li><%--<a href="#scenicfood" data-toggle="tab">附近酒店</a>--%></li>
            </ul>

            <div class="tab-content">
                <!--tab2-->
                <div class="tab-pane active" id="scenicticket">
                    <div class="intitle">门票预订</div>
                    <table class="tickettb">
                        <thead>
                            <tr>
                                <th width="204">门票类型</th>
                                <th width="121">票面价格</th>
                                <th width="121">网上价格</th>
                                <th width="129">支付方式</th>
                                <th width="75">&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            <%
                                for (var j = 0; j < scenery.PolicyList.Count; j++)
                                {
                                    var policy = scenery.PolicyList[j];
                                    var pm = string.Empty;
                                    switch (policy.pMode)
                                    {
                                        case 0:
                                            pm = "景区现付";
                                            break;
                                        case 1:
                                            pm = "在线支付";
                                            break;
                                        case 3:
                                            pm = "其他支付";
                                            break;
                                        default:
                                            pm = "";
                                            break;
                                    }
                            %>
                            <tr>
                                <td class="td1"><%=policy.policyName %></td>
                                <td class="td2">￥<%=policy.price %></td>
                                <td class="td3">￥<%=policy.tcPrice %></td>
                                <td class="td4"><%=pm %></td>
                                <td class="td5">
                                    <a href="http://www.17u.cn/scenery/sceneryOrder.aspx?sceneryId=<%=scenery.sceneryId %>&ticketId=<%=policy.policyId %>" target="_blank" class="reserve">预订</a>
                                </td>
                            </tr>
                            <%}%>
                        </tbody>
                    </table>

                    <div class="lighttitle">购票须知</div>
                    <div class="inwords">
                        <%=scenery.buyNotice %>
                    </div>
                </div>
                <!--tab1-->
                <div class="tab-pane" id="scenicwords">
                    <%=scenery.intro %>
                </div>

                <!--tab3-->
                <div class="tab-pane" id="scenictraffic">
                    <!-- 地图 -->
                    <div id="maps">
                        <iframe width="650" height="323" scrolling="no" frameborder="0" src="map.aspx?type=sceneapi&id=<%=scenery.sceneryId %>"></iframe>
                    </div>
                    <div class="traffic">
                        <%=scenery.traffic %>
                    </div>
                </div>
                <!--tab4-->
                <%--<div class="tab-pane" id="scenicfood">
					<div class="intitle">附近酒店</div>
						<table class="tickettb">
						<thead>
							<tr>
								<th width="304">特惠酒店</th>
								<th width="150">距离</th>
								<th width="121">网上价</th>
								<th width="75">操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="td1">同里阳光驿站酒店</td>
								<td>距离同里约 <font color="#FF6600">0.4</font> 公里</td>
								<td class="td3">￥88</td>
								<td class="td5"><input type="button" value="预订" />
							</tr>
							<tr>
								<td class="td1">同里阳光驿站酒店</td>
								<td>距离同里约 <font color="#FF6600">0.4</font> 公里</td>
								<td class="td3">￥88</td>
								<td class="td5"><input type="button" value="预订" />
							</tr>
							<tr>
								<td class="td1">同里阳光驿站酒店</td>
								<td>距离同里约 <font color="#FF6600">0.4</font> 公里</td>
								<td class="td3">￥88</td>
								<td class="td5"><input type="button" value="预订" />
							</tr>
							<tr>
								<td class="td1">同里阳光驿站酒店</td>
								<td>距离同里约 <font color="#FF6600">0.4</font> 公里</td>
								<td class="td3">￥88</td>
								<td class="td5"><input type="button" value="预订" />
							</tr>
						</tbody>
					</table>	
				  </div>--%>
            </div>

        </div>
        <!-- 侧面-->
        <div class="scenicright scenicdetailright" style="margin-top: 312px;">
            <img src="css/images/linecommend.png" />
            <div class="title"></div>
            <ul class="arlist">
                <%if (recommendLines != null && recommendLines.Count > 0)
                  {
                      for (var i = 0; i < recommendLines.Count; i++)
                      {
                          var line = recommendLines[i];
                %>

                <li><span></span><a href="traveldetail.aspx?id=<%=line.id %>" target="_blank"><%=Utility.CutString(line.title,9,false) %></a></li>
                <%}
                  }%>
            </ul>

            <img src="css/images/guide.png" class="guide" />

            <h5>
                <img src="css/images/travelguide.png" />
                <span><a href="travelguide.aspx">MORE</a></span>
            </h5>
            <div class="title"></div>
            <%if (trafficGuides != null && trafficGuides.Count > 0)
              {
                  var first = trafficGuides.First();
            %>
            <div class="best">
                <%if (!string.IsNullOrEmpty(first.img))
                  { %>
                <img src="<%=first.img %>" />
                <%}%>
                <div>
                    <h4><a href="traveldetail.aspx?id=<%=first.id %>" target="_blank"><%=Utility.CutString(first.title,9,false) %></a></h4>
                    <span>作者：<%=first.author %></span>
                    <span class="goodnum">赞：<%=first.zan %></span>
                    <span class="readnum">浏览：<%=first.hits %></span>
                </div>
            </div>
            <ul class="arlist">
                <%for (var i = 1; i < trafficGuides.Count; i++)
                  {
                      var tg = trafficGuides[i];
                %>
                <li><span></span><a href="travelguideview.aspx?id=<%=tg.id %>" target="_blank"><%=Utility.CutString(tg.title,9,false) %></a></li>
                <%} %>
            </ul>
            <%} %>
        </div>
        <div class="clear"></div>
    </div>


</asp:Content>
